import { atom } from 'recoil';

import { EASY_MODE } from '../datas/mode';

export const ModeState = atom<number>({
  key: 'Mode',
  default: EASY_MODE,
});

export const ScoreState = atom<number>({
  key: 'Score',
  default: 0,
});

  const [mode, setMode] = useRecoilState(ModeState);
  const [score, setScore] = useRecoilState(ScoreState);

export interface Zzangu {
  id: number;
  src: string;
  alt: string;
}

const ZZANGU_LIST: Zzangu[] = [
  {
    id: 1,
    src: ImgZzangu01,
    alt: '짱구1',
  },
]

interface CardData extends Zzangu {
  answer: number;
  flipped: boolean;
  matched: boolean;
}